<template>
	<view class="container">
		<view class="topline">
		</view>
		<view class="imgsuccee u-flex u-row-center u-m-t-80">
			<image src="../../static/img/succee.png"></image>
		</view>
		<view class="u-flex u-row-center u-m-t-30">
			<text class="congulartions">成功开通高级VIP</text>
		</view>
		<view class="u-flex u-row-center u-m-t-30">
			<text class="enjoy">您现在可以享受智汇N+1服务，现在去发布？</text>
		</view>
		<u-button class="button" @click="">去发布</u-button>
		<u-button class="buttonback" @click="">回首页</u-button>


	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	page {
		background: white;
	}

	.topline {
		width: 100%;
		height: 20rpx;
		background: #F5F5F9;
	}

	.imgsuccee image {
		width: 160rpx;
		height: 160rpx;
	}

	.congulartions {
		font-size: 36rpx;
		font-weight: bold;
		color: #0D1D36;
	}

	.enjoy {
		font-size: 30rpx;
		color: #888D99;
	}

	.button {
		width: 224rpx;
		font-size: 32rpx;
		margin: 90rpx auto 50rpx auto;
		background: #ab61ff;
		border-radius: 40rpx;
		border: 0;
		color: #fff;

		&.u-hairline-border:after {
			border: 0;
		}
	}

	.buttonback {
		width: 224rpx;
		font-size: 32rpx;
		color: #AB61FF;
		margin: 50rpx auto 50rpx auto;
		background: #fff;
		border-radius: 40rpx;

		border: 1px solid #AB61FF;


		&.u-hairline-border:after {
			border: 1px solid;
			border: 0;
		}
	}
</style>
